<template>
	<div class="list">
		<div class="list1" v-for='item in navs'>
			<img :src="item.thumb">
			<p>{{item.title}}</p>
		</div>
		<!-- {{navs[0].content}} -->
	</div>
</template>
<script>
	export default{
		props:['navs']
	}
</script>
<style lang='stylus' scoped>
	.list{
		width:100%;
		display: flex;
		flex-wrap: wrap;
		padding:8px 10px;
		justify-content: space-around;
		border-bottom: 1px solid #ccc;
		padding-bottom: 15px;
		.list1{
			width: 17%;
			margin-top: 10px;
			text-align: center;
			img{
				width: 80%;
			}
			p{
				font-size: .36rem;
				text-align: center;
				margin-top: 6px;
			}
		}
	}
</style>
